<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta charset="utf-8" />
    <meta name="keywords" content="喜换,喜换商城,物换物">
    <meta name="description" content="喜换,开心换物,心所想,有所得">
    <title>喜换商城-商品详情</title>
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/datails.css">
    <link rel="stylesheet" href="/css/iconfont/iconfont.css">
    <link rel="stylesheet" href="/css/showpic.css">
    <script src="/js/lib/jquery/jquery-1.9.1.js"></script>
    <script src="/js/app/template.js"></script>
    <script src="/js/app/API.js"></script>
    <script src="/js/app/common.js"></script>
    <script src="/js/app/details.js"></script>
</head>

<body>

<!--头部-->
<header>
    <div class="center clearfix">
        <!--<div class="left hidden-md hidden-lg">
            <a href="#"></a>
        </div>-->
        <div class="right">
            <!--<a href="/template/joinCart.html"><i class="sc sc-gouwuche"></i>我的购物车</a>-->
            <a href="/template/login.html" id="login">登录</a>
            <a href="" id="quit">退出</a>
            <a href="/template/personal.html" id="personal"></a>
            <a href="/template/register.html" id="register">注册</a>
        </div>
    </div>
</header>
<!--搜索栏-->
<div id="ls">
    <div class="subs center clearfix">
        <div class="logo">
            <a href="../index.html">
            </a>
        </div>
        <div class="find">
            <input id="seek_shop" type="text" placeholder="输入商品名"/>
            <span id="seek_button" class="sc sc-sosuo"></span>
        </div>
    </div>
</div>
<div class="all-content">
    <div class="all-header">
        <div class="box-header">
            <!--头部图片详情-->
                <div class="fl" style="width:420px;">
                    <div class="tsShopContainer">
                        <div id="showBox" class="showBox loadings"></div>
                        <!--展示图片盒子-->
                    </div>
                    <!--展示图片里边-->
                    <div id="showSum" class="showSum"></div>
                </div>
            <!--右部价格细节详情-->
            <div id="header_right" class="header-right fr"></div>
        </div>
        <!--分享收藏-->
        <div class="share-promise">
            <div class="share fl">
                <span class="shareSpan"><i class="sc sc-share"></i>分享</span>
                <span><i class="sc sc-collect"></i>收藏商品</span><span>（16515人气）</span>
            </div>
            <div class="promise fr">
                <span style="display: inline-block;">服务费: 资产包3% 、单个商品5%</span><br>
                <span class="serve2">服务承诺</span><span>正品保证</span><span>急速退款</span><span>七天无理由退换</span>
            </div>
        </div>
    </div>
    <!--商品文字图片细节-->
    <div id="goods_cont"></div>
    <img src="" alt="">
</div>

<!--底部-->
<footer>
    <div class="center footer-links clearfix"></div>
    <div class="center footer-bottom"></div>
</footer>
<!--返回顶部-->
<div class="back-top"></div>
<!--在线客服-->
<div class="session"></div>

<script src="../js/lib/jquery/MagicZoomJquery.js"></script>
<!--商品右部价格细节-->
<script id="content" type="text/html">
    <div class="title-top">
        <h2>{{title}}</h2>
        <p class="subtitle">{{promotion}}</p>
    </div>
    <div class="content">
        <div>
            <span class="price-title">市场价</span>
            <span>¥</span>
            <span class="price-old">{{price2}}</span>
        </div>
        <div class="posi">
            <span class="price-title">喜换价</span>
            <span>¥</span>
            <span class="price-symbol">{{price1}}</span>
            <span class="price-hot">心动价</span>
        </div>
        <div>
            <span class="price-title">应付金额</span>
            <span class="">¥</span>
            <span class="">{{price3}}</span>
        </div>
        <div>
            <span class="price-title">应付债权</span>
            <span>¥</span>
            <span class="">{{price4}}</span>
            <!--<span>{{promotion}}</span>-->
        </div>
    </div>
    <div class="color-size">
        <div class="size-div">
            <span class="size-span">尺码</span>
            <!--<span class="size-number">155/S</span>-->
            {{each size.split(';') as item}}
            <span class="size-number">{{item}}</span>
            {{/each}}
        </div>
        <div class="color-div">
            <span class="color-span">颜色分类</span>
            <!--<span class="color-clothing">红色</span>-->
            {{each color.split(';') as item}}
            <span class="color-clothing">{{item}}</span>
            {{/each}}
        </div>
    </div>
    <!--<div class="joinCart"><a href="/template/joinCart.html"><i class="sc sc-gouwuche"></i>加入购物车</a></div>-->
    </script>
<!--商品文字图片细节--->
<script id="goodslist"  type="text/html">
    <div class="goods-detail">
        <div class="parameter"><span>产品参数：</span></div>
        <div class="parameter-div">
            {{each parameter.split(';') as item}}
            <span class="clothing-parameter">{{item}}</span>
            {{/each}}
        </div>
    </div>
    <!--商品图片细节-->
    <div class="picture-detail">
        {{each pic.split(',') as item}}
        <div class="pic-div"><img src={{item}} alt=""></div>
        {{/each}}
    </div>
</script>
<script src="/js/app/public.js"></script>
</body>
</html>